/*
Copyright (c) 2017 Uber Technologies, Inc.
SPDX-License-Identifier: Apache-2.0
*/

.ViewingLayer {
  cursor: vertical-text;
  position: relative;
  z-index: 1;
}

.ViewingLayer--graph {
  border: 1px solid #999;
  /* need !important here to overcome something from semantic UI */
  overflow: visible !important;
  position: relative;
  transform-origin: 0 0;
  width: 100%;
}

.ViewingLayer--inactive {
  fill: rgba(214, 214, 214, 0.5);
}

.ViewingLayer--cursorGuide {
  stroke: #f44;
  stroke-width: 1;
}

.ViewingLayer--draggedShift {
  fill-opacity: 0.2;
}

.ViewingLayer--draggedShift.isShiftDrag,
.ViewingLayer--draggedEdge.isShiftDrag {
  fill: #44f;
}

.ViewingLayer--draggedShift.isReframeDrag,
.ViewingLayer--draggedEdge.isReframeDrag {
  fill: #f44;
}

.ViewingLayer--fullOverlay {
  bottom: 0;
  cursor: col-resize;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  user-select: none;
}

.ViewingLayer--resetZoom {
  display: none;
  position: absolute;
  right: 1%;
  top: 10%;
  z-index: 1;
}

.ViewingLayer:hover > .ViewingLayer--resetZoom {
  display: unset;
}
